<svg viewBox='0 0 800 320' class='fm-chart'>
  <style type='text/css'>
  <![CDATA[
  .fm-chart text, .fm-tooltip {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font: 10px sans-serif;
  }

  .fm-chart .axis .stroke {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .tick {
    stroke: #aaa;
    stroke-width: 1px;
  }

  .fm-chart .axis .label, .axis .title {
    fill: #666;
  }

  .fm-chart .axis .label {
    font-size: 10px;
  }

  .fm-chart .axis .title {
    font-size: 10px;
  }

  .fm-chart .chart-title {
    font-size: 12px;
    font-weight: bold;
  }

  .fm-chart .chart-subtitle {
    font-size: 10px;
  }

  .fm-chart text.label {
    fill: #666;
  }

  .fm-chart .legend text {
    font-size: 10px;
    fill: #333;
  }

  .fm-chart .legend text.title {
    fill: #666;
  }

  .fm-chart .line {
    fill: none;
    stroke: #000;
  }

  .fm-chart .area {
    opacity: 0.8;
  }

  .fm-chart .grid .gridline {
    stroke: #ddd;
    stroke-width: 0.02em;
  }

  .fm-chart .bar,
  .fm-chart .point,
  .fm-chart .area {
    fill: #000;
  }

  .fm-chart .bar.color6,
  .fm-chart .point.color6,
  .fm-chart .area.color6 {
    fill: #db843d;
  }

  .fm-chart .lines .line.color6 {
    strok: #db843d;
  }

  .fm-chart .bar.color5,
  .fm-chart .point.color5,
  .fm-chart .area.color5 {
    fill: #3d96ae;
  }

  .fm-chart .lines .line.color5 {
    stroke: #3d96ae;
  }

  .fm-chart .bar.color4,
  .fm-chart .point.color4,
  .fm-chart .area.color4 {
    fill: #80699b;
  }

  .fm-chart .line.color4 {
    stroke: #80699b;
  }

  .fm-chart .bar.color3,
  .fm-chart .point.color3,
  .fm-chart .area.color3 {
    fill: #89a54e;
  }

  .fm-chart .line.color3 {
    stroke: #89a54e;
  }

  .fm-chart .bar.color2,
  .fm-chart .point.color2,
  .fm-chart .area.color2 {
    fill: #aa4643;
  }

  .fm-chart .line.color2 {
    stroke: #aa4643;
  }

  .fm-chart .bar.color1,
  .fm-chart .point.color1,
  .fm-chart .area.color1 {
    fill: #4572a7;
  }

  .fm-chart .line.color1 {
    stroke: #4572a7;
  }

  .fm-chart.bar.vertical .axis.left .stroke,
  .fm-chart.bar.vertical .axis.left .tick,
  .fm-chart.bar.vertical .axis.right .stroke,
  .fm-chart.bar.vertical .axis.right .tick {
    display: none;
  }

  .fm-tooltip {
    text-align: center;
    padding: 5px 7px;
    color: #fff;
    background: #333;
    border-radius: 3px;
    font-size: 13px;
  }
  ]]>
  </style>
  <g class='axis bottom'>
    <text x='50.000000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >0</text>
    <text x='153.571429' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >2.6M</text>
    <text x='257.142857' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >5.3M</text>
    <text x='360.714286' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >7.9M</text>
    <text x='464.285714' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >10.6M</text>
    <text x='567.857143' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >13.2M</text>
    <text x='671.428571' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >15.8M</text>
    <text x='775.000000' y='307.500000' style='text-anchor:middle; dominant-baseline:central;' class='label' >18.5M</text>
    <line x1='50.000000' y1='295.000000' x2='50.000000' y2='290.000000' class='tick' />
    <line x1='153.571429' y1='295.000000' x2='153.571429' y2='290.000000' class='tick' />
    <line x1='257.142857' y1='295.000000' x2='257.142857' y2='290.000000' class='tick' />
    <line x1='360.714286' y1='295.000000' x2='360.714286' y2='290.000000' class='tick' />
    <line x1='464.285714' y1='295.000000' x2='464.285714' y2='290.000000' class='tick' />
    <line x1='567.857143' y1='295.000000' x2='567.857143' y2='290.000000' class='tick' />
    <line x1='671.428571' y1='295.000000' x2='671.428571' y2='290.000000' class='tick' />
    <line x1='775.000000' y1='295.000000' x2='775.000000' y2='290.000000' class='tick' />
    <line x1='50.000000' y1='295.000000' x2='775.000000' y2='295.000000' class='stroke' />
  </g>
  <g class='axis left'>
    <text x='40.000000' y='16.716667' style='text-anchor:end; dominant-baseline:middle;' class='label' >USA</text>
    <text x='40.000000' y='26.150000' style='text-anchor:end; dominant-baseline:middle;' class='label' >CHN</text>
    <text x='40.000000' y='35.583333' style='text-anchor:end; dominant-baseline:middle;' class='label' >JPN</text>
    <text x='40.000000' y='45.016667' style='text-anchor:end; dominant-baseline:middle;' class='label' >DEU</text>
    <text x='40.000000' y='54.450000' style='text-anchor:end; dominant-baseline:middle;' class='label' >FRA</text>
    <text x='40.000000' y='63.883333' style='text-anchor:end; dominant-baseline:middle;' class='label' >GBR</text>
    <text x='40.000000' y='73.316667' style='text-anchor:end; dominant-baseline:middle;' class='label' >BRA</text>
    <text x='40.000000' y='82.750000' style='text-anchor:end; dominant-baseline:middle;' class='label' >RUS</text>
    <text x='40.000000' y='92.183333' style='text-anchor:end; dominant-baseline:middle;' class='label' >ITA</text>
    <text x='40.000000' y='101.616667' style='text-anchor:end; dominant-baseline:middle;' class='label' >IND</text>
    <text x='40.000000' y='111.050000' style='text-anchor:end; dominant-baseline:middle;' class='label' >CAN</text>
    <text x='40.000000' y='120.483333' style='text-anchor:end; dominant-baseline:middle;' class='label' >AUS</text>
    <text x='40.000000' y='129.916667' style='text-anchor:end; dominant-baseline:middle;' class='label' >ESP</text>
    <text x='40.000000' y='139.350000' style='text-anchor:end; dominant-baseline:middle;' class='label' >KOR</text>
    <text x='40.000000' y='148.783333' style='text-anchor:end; dominant-baseline:middle;' class='label' >MEX</text>
    <text x='40.000000' y='158.216667' style='text-anchor:end; dominant-baseline:middle;' class='label' >IDN</text>
    <text x='40.000000' y='167.650000' style='text-anchor:end; dominant-baseline:middle;' class='label' >TUR</text>
    <text x='40.000000' y='177.083333' style='text-anchor:end; dominant-baseline:middle;' class='label' >NLD</text>
    <text x='40.000000' y='186.516667' style='text-anchor:end; dominant-baseline:middle;' class='label' >SAU</text>
    <text x='40.000000' y='195.950000' style='text-anchor:end; dominant-baseline:middle;' class='label' >CHE</text>
    <text x='40.000000' y='205.383333' style='text-anchor:end; dominant-baseline:middle;' class='label' >ARG</text>
    <text x='40.000000' y='214.816667' style='text-anchor:end; dominant-baseline:middle;' class='label' >SWE</text>
    <text x='40.000000' y='224.250000' style='text-anchor:end; dominant-baseline:middle;' class='label' >NGA</text>
    <text x='40.000000' y='233.683333' style='text-anchor:end; dominant-baseline:middle;' class='label' >POL</text>
    <text x='40.000000' y='243.116667' style='text-anchor:end; dominant-baseline:middle;' class='label' >NOR</text>
    <text x='40.000000' y='252.550000' style='text-anchor:end; dominant-baseline:middle;' class='label' >BEL</text>
    <text x='40.000000' y='261.983333' style='text-anchor:end; dominant-baseline:middle;' class='label' >VEN</text>
    <text x='40.000000' y='271.416667' style='text-anchor:end; dominant-baseline:middle;' class='label' >AUT</text>
    <text x='40.000000' y='280.850000' style='text-anchor:end; dominant-baseline:middle;' class='label' >THA</text>
    <text x='40.000000' y='290.283333' style='text-anchor:end; dominant-baseline:middle;' class='label' >ARE</text>
    <line x1='50.000000' y1='295.000000' x2='55.000000' y2='295.000000' class='tick' />
    <line x1='50.000000' y1='12.000000' x2='55.000000' y2='12.000000' class='tick' />
    <line x1='50.000000' y1='21.433333' x2='55.000000' y2='21.433333' class='tick' />
    <line x1='50.000000' y1='30.866667' x2='55.000000' y2='30.866667' class='tick' />
    <line x1='50.000000' y1='40.300000' x2='55.000000' y2='40.300000' class='tick' />
    <line x1='50.000000' y1='49.733333' x2='55.000000' y2='49.733333' class='tick' />
    <line x1='50.000000' y1='59.166667' x2='55.000000' y2='59.166667' class='tick' />
    <line x1='50.000000' y1='68.600000' x2='55.000000' y2='68.600000' class='tick' />
    <line x1='50.000000' y1='78.033333' x2='55.000000' y2='78.033333' class='tick' />
    <line x1='50.000000' y1='87.466667' x2='55.000000' y2='87.466667' class='tick' />
    <line x1='50.000000' y1='96.900000' x2='55.000000' y2='96.900000' class='tick' />
    <line x1='50.000000' y1='106.333333' x2='55.000000' y2='106.333333' class='tick' />
    <line x1='50.000000' y1='115.766667' x2='55.000000' y2='115.766667' class='tick' />
    <line x1='50.000000' y1='125.200000' x2='55.000000' y2='125.200000' class='tick' />
    <line x1='50.000000' y1='134.633333' x2='55.000000' y2='134.633333' class='tick' />
    <line x1='50.000000' y1='144.066667' x2='55.000000' y2='144.066667' class='tick' />
    <line x1='50.000000' y1='153.500000' x2='55.000000' y2='153.500000' class='tick' />
    <line x1='50.000000' y1='162.933333' x2='55.000000' y2='162.933333' class='tick' />
    <line x1='50.000000' y1='172.366667' x2='55.000000' y2='172.366667' class='tick' />
    <line x1='50.000000' y1='181.800000' x2='55.000000' y2='181.800000' class='tick' />
    <line x1='50.000000' y1='191.233333' x2='55.000000' y2='191.233333' class='tick' />
    <line x1='50.000000' y1='200.666667' x2='55.000000' y2='200.666667' class='tick' />
    <line x1='50.000000' y1='210.100000' x2='55.000000' y2='210.100000' class='tick' />
    <line x1='50.000000' y1='219.533333' x2='55.000000' y2='219.533333' class='tick' />
    <line x1='50.000000' y1='228.966667' x2='55.000000' y2='228.966667' class='tick' />
    <line x1='50.000000' y1='238.400000' x2='55.000000' y2='238.400000' class='tick' />
    <line x1='50.000000' y1='247.833333' x2='55.000000' y2='247.833333' class='tick' />
    <line x1='50.000000' y1='257.266667' x2='55.000000' y2='257.266667' class='tick' />
    <line x1='50.000000' y1='266.700000' x2='55.000000' y2='266.700000' class='tick' />
    <line x1='50.000000' y1='276.133333' x2='55.000000' y2='276.133333' class='tick' />
    <line x1='50.000000' y1='285.566667' x2='55.000000' y2='285.566667' class='tick' />
    <line x1='50.000000' y1='12.000000' x2='50.000000' y2='295.000000' class='stroke' />
  </g>
  <g class='legend'>
    <text x='75.000000' y='22.000000' style='text-anchor:start; dominant-baseline:text-before-edge;' class='title' >gdp per country</text>
    <circle cx='750.000000' cy='28.000000' r='3.000000' class='point color1' fm:label='' fm:series='', style=''></circle>
    <text x='742.000000' y='28.000000' style='text-anchor:end; dominant-baseline:central;' class='label' >gross domestic product per country</text>
  </g>
  <g class='bars horizontal'>
    <rect x='50.000000' y='14.075333' width='659.090909' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='USA: 16800000.0' style=''></rect>
    <rect x='50.000000' y='23.508667' width='362.510593' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='CHN: 9240270.0' style=''></rect>
    <rect x='50.000000' y='32.942000' width='192.294873' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='JPN: 4901530.0' style=''></rect>
    <rect x='50.000000' y='42.375333' width='142.599928' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='DEU: 3634823.0' style=''></rect>
    <rect x='50.000000' y='51.808667' width='107.296430' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='FRA: 2734949.0' style=''></rect>
    <rect x='50.000000' y='61.242000' width='98.952339' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='GBR: 2522261.0' style=''></rect>
    <rect x='50.000000' y='70.675333' width='88.101349' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='BRA: 2245673.0' style=''></rect>
    <rect x='50.000000' y='80.108667' width='82.259920' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='RUS: 2096777.0' style=''></rect>
    <rect x='50.000000' y='89.542000' width='81.260691' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='ITA: 2071307.0' style=''></rect>
    <rect x='50.000000' y='98.975333' width='73.629752' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='IND: 1876797.0' style=''></rect>
    <rect x='50.000000' y='108.408667' width='71.601439' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='CAN: 1825096.0' style=''></rect>
    <rect x='50.000000' y='117.842000' width='61.224720' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='AUS: 1560597.0' style=''></rect>
    <rect x='50.000000' y='127.275333' width='53.286833' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='ESP: 1358263.0' style=''></rect>
    <rect x='50.000000' y='136.708667' width='51.179743' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='KOR: 1304554.0' style=''></rect>
    <rect x='50.000000' y='146.142000' width='49.467715' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='MEX: 1260915.0' style=''></rect>
    <rect x='50.000000' y='155.575333' width='34.066604' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='IDN: 868346.0' style=''></rect>
    <rect x='50.000000' y='165.008667' width='32.178034' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='TUR: 820207.0' style=''></rect>
    <rect x='50.000000' y='174.442000' width='31.392068' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='NLD: 800173.0' style=''></rect>
    <rect x='50.000000' y='183.875333' width='29.238254' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='SAU: 745273.0' style=''></rect>
    <rect x='50.000000' y='193.308667' width='25.531220' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='CHE: 650782.0' style=''></rect>
    <rect x='50.000000' y='202.742000' width='24.000129' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='ARG: 611755.0' style=''></rect>
    <rect x='50.000000' y='212.175333' width='21.888801' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='SWE: 557938.0' style=''></rect>
    <rect x='50.000000' y='221.608667' width='20.503926' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='NGA: 522638.0' style=''></rect>
    <rect x='50.000000' y='231.042000' width='20.304041' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='POL: 517543.0' style=''></rect>
    <rect x='50.000000' y='240.475333' width='20.109334' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='NOR: 512580.0' style=''></rect>
    <rect x='50.000000' y='249.908667' width='19.934205' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='BEL: 508116.0' style=''></rect>
    <rect x='50.000000' y='259.342000' width='17.194583' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='VEN: 438284.0' style=''></rect>
    <rect x='50.000000' y='268.775333' width='16.314226' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='AUT: 415844.0' style=''></rect>
    <rect x='50.000000' y='278.208667' width='15.192516' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='THA: 387252.0' style=''></rect>
    <rect x='50.000000' y='287.642000' width='15.057050' height='5.282667' class='bar color1' fm:series='gross domestic product per country' fm:label='ARE: 383799.0' style=''></rect>
  </g>
</svg>
